<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets">
    <h:head>
        <meta charset="utf-8"/>
        <title>Solution billeterie</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
        <meta name="description" content=""/>
        <meta name="author" content=""/>

        <style type="text/css"> 
            a:link 
            { 
                text-decoration:none; 
            } 
        </style>
        <!-- Le styles -->
        <link href="assets/css/bootstrap.css" rel="stylesheet"/>
        <link href="assets/css/main.css" rel="stylesheet"/>

        <style type="text/css">
            body {
                padding-top: 60px;
            }
        </style>
        <link href="assets/css/bootstrap-responsive.css" rel="stylesheet" />



        <link rel="shortcut icon" href="assets/ico/favicon.ico"/>
        <link rel="apple-touch-icon-precomposed" sizes="144x144" href="assets/ico/apple-touch-icon-144-precomposed.png"/>
        <link rel="apple-touch-icon-precomposed" sizes="114x114" href="assets/ico/apple-touch-icon-114-precomposed.png"/>
        <link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/ico/apple-touch-icon-72-precomposed.png"/>
        <link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png" />
        <!-- Google Fonts call. Font Used Open Sans -->
        
    </h:head>
    <h:body>

        <div class="navbar navbar-inverse navbar-fixed-top">
            <div class="navbar-inner">
                <div class="container">
                    <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </a>
                    <a class="brand" href="index.xhtml?faces-redirect=true"><img src="assets/img/logo-small.png" alt=""/> Solution Billetterie</a>
                    <ui:include src="header.xhtml" />
                </div>
            </div>
        </div>

        <!-- *********************************************************************************** -->

        <div class="container">

            <!-- CONTENT -->
            <div class="row-fluid">
                <br/>
                <!-- Invoice -->
                <div class="invoice-unit">
                    <div class="invoice">
                        <div class="invoice-name">
                            Parametrage
                        </div>
                        <div class="invoice-company">
                            <h3 style="font-size:26px;"><strong>Parametrage</strong></h3>
                        </div>                          
                    </div>
                    <h:form>
                        <center>

                            <div class="span2">
                                <a href="parametrageUtilisateur.xhtml?faces-redirect=true">
                                    <div class="dash2-unit">

                                        <br/>
                                        <p style="text-align:center"><img src="assets/img/user.png" alt=""/></p>
                                        <h2 >Utilisateurs</h2>
                                        <h6>#{userBean.users.size()}</h6>
                                        <br/>

                                    </div><!-- /dash2-unit -->
                                </a>
                            </div><!-- /span2 -->
                            <div class="span2">
                                <div class="dash2-unit">  
                                    <a href="parametragePrivilege.xhtml?faces-redirect=true" >
                                        <br/>
                                        <p style="text-align:center"><img src="assets/img/privileges.png" alt=""/></p>
                                        <h2>Privileges</h2>
                                        <h6>#{privilegeBean.privileges.size()}</h6>
                                        <br/>
                                    </a>
                                </div><!-- /dash2-unit -->
                            </div><!-- /span2 -->
        
                            
                            <div class="span2">
                                <div class="dash2-unit">
                                      
                                    <a href="parametrageGuichets.xhtml?faces-redirect=true" >

                                    <br/>
                                    <p style="text-align:center"><img src="assets/img/guichet.png"  style="width: 76px;" /></p>
                                    <h2>guichets</h2>
                                    <h6>#{guichetBean.users.size()}</h6>
                                    <br/>
                                    </a>
                                </div>
                                <!-- /dash2-unit -->
                            </div><!-- /span2 -->

                        </center>
                    </h:form>
                </div><!-- /BlockUnit -->
            </div><!-- /row -->
        </div>
        



    </h:body>
</html>